
<!-- 主页（关于我们） -->
<template>
    <div class="about-us">
      <!-- 页面标题 -->
      <div class="page-header">
        <h1>关于我们</h1>
      </div>

      <!-- 公司简介 -->
      <section class="company-info">
        <h2>公司简介</h2>
        <p>
          我们是一家致力于为医药行业提供高效、透明的药品招投标解决方案的公司。
          我们通过创新的技术和数据分析工具，帮助药品供应商和采购方在药品采购中实现最大化效益与公正竞争。
          自成立以来，我们始终秉持“诚信、创新、共赢”的理念，为全球医药企业提供卓越的招投标服务。
        </p>
      </section>

      <!-- 使命愿景 -->
      <section class="mission-vision">
        <h2>我们的使命与愿景</h2>
        <div class="mission">
          <h3>使命</h3>
          <p>通过现代化的招投标平台，提升药品采购的效率和透明度，推动行业的可持续发展。</p>
        </div>
        <div class="vision">
          <h3>愿景</h3>
          <p>成为全球领先的药品招投标平台，帮助各方实现更加公正、透明的药品采购体系。</p>
        </div>
      </section>

      <!-- 核心团队 -->
      <!-- <section class="core-team">
        <h2>核心团队</h2>
        <div class="team-member">
          <h3>张三</h3>
          <p>CEO & 创始人</p>
          <p>张三拥有多年的医药行业经验，领导公司向全球市场扩展，并推动创新解决方案的研发。</p>
        </div>
        <div class="team-member">
          <h3>李四</h3>
          <p>CTO</p>
          <p>李四负责公司的技术战略和产品研发，确保平台的高效性和安全性。</p>
        </div>
        <div class="team-member">
          <h3>王五</h3>
          <p>COO</p>
          <p>王五负责公司运营与客户服务，确保平台的稳定运行和客户满意度。</p>
        </div>
      </section> -->

      <!-- 联系我们 -->
      <section class="contact-us">
        <h2>联系我们</h2>
        <p>如果您对我们的药品招投标系统有任何问题或建议，欢迎与我们联系：</p>
        <p>邮箱：ECUT@ecut.com</p>
        <p>电话：000-110-520</p>
      </section>
    </div>
  </template>

  <style scoped>
  :root {
  --text-primary: #1e293b;
  --text-secondary: #334155;
  --text-tertiary: #475569;
  --text-light: #64748b;
  --paragraph-line-height: 1.8;
  --paragraph-font-size: 18px;
  --paragraph-font-size-sm: 16px;
  --paragraph-spacing: 1.5rem;
}

/* 基础段落样式 */
p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--text-secondary);
  line-height: var(--paragraph-line-height);
  margin-bottom: var(--paragraph-spacing);
  transition: color 0.3s ease;
}

/* 不同区块段落样式优化 */
.company-info p {
  font-size: var(--paragraph-font-size);
  text-align: justify;
  color: var(--text-secondary);
}

.mission-vision p {
  font-size: var(--paragraph-font-size-sm);
  color: var(--text-tertiary);
}

.contact-us p {
  font-size: var(--paragraph-font-size);
  color: var(--text-secondary);
}

.team-member p.bio {
  font-size: 15px;
  color: var(--text-light);
  line-height: 1.7;
}

/* 段落交互效果 */
p:hover {
  color: var(--text-primary);
}
  .about-us {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
  }

  .page-header {
    text-align: center;
    margin-bottom: 40px;
  }

  h1 {
    font-size: 36px;
    font-weight: bold;
  }

  section {
    margin-bottom: 40px;
  }

  h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  h3 {
    font-size: 22px;
    margin-bottom: 8px;
  }

  .company-info p,
  .mission-vision p,
  .contact-us p {
    font-size: 16px;
    line-height: 1.6;
  }

  .team-member {
    display: inline-block;
    text-align: center;
    width: 200px;
    margin: 10px;
  }

  .team-member h3 {
    margin-top: 10px;
    font-size: 18px;
  }

  .team-member p {
    font-size: 14px;
    color: #666;
  }

  .contact-us {
    text-align: center;
  }

  .contact-us p {
    font-size: 16px;
  }
  </style>
